<template>
    <div class="filter">
        <Editfilter v-loading="store.state.filterShow"/>
        <Matchtable />
        <Handicap />

        <SaveFilter v-model="store.state.showfilterName" :title="`保存过滤器`"/>
    </div>
    
</template>
<script setup>
import Editfilter from './editfilter/index.vue'
import Handicap from './handicap/index.vue'
import Matchtable from './matchtable/index.vue'
import SaveFilter from './editfilter/components/SaveFilter.vue';
// import FilterLeft from './components/FilterLeft.vue';
// import FilterTable from './components/FilterTable.vue';
// import FilteHandicap from './components/FilteHandicap.vue';
const mainData = ref([])  //方案数据
const matchData = ref([])   //当前筛选条件下的比赛数据
const matchTotal = ref([]) //当前筛选条件下的比赛条数
import { useFilterStore } from './filter-store.js'

const store = useFilterStore()

provide('Filter', {
  store,
  state: store.state,
})

</script>
<style lang='scss' scoped>
.filter{
    height: calc(100vh - 160px);
    display: flex;
}
</style>